<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5新增标签</title>
</head>
<body>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
	var canvas=document.getElementById("canvas");
	var context=canvas.getContext("2d");
	context.beginPath();
	for(var i=0; i<5;i++){
		context.lineTo(Math.cos((18+i*72)/180*Math.PI)*50+50,
			-Math.sin((18+i*72)/180*Math.PI)*50+50);
		context.lineTo(Math.cos((54+i*72)/180*Math.PI)*20+50,
			-Math.sin((54+i*72)/180*Math.PI)*20+50);	
	}
	context.closePath();
	context.lineWidth="3";
	context.fillStyle="#F6F152";
	context.strokeStyle="#F5270B";
	context.fill();
	context.stroke();
</script>
</body>
</html>
